<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <div class="top">
            <header>
                <h2>Cemal Can Dinca</h2>
                <p>Owner/Designer/Creator</p>
                <a>Contact Me</a>
            </header>
            <nav>
                <img src="https://via.placeholder.com/16" alt="">
                <img src="https://via.placeholder.com/16" alt="">
                <img src="https://via.placeholder.com/16" alt="">
                <img src="https://via.placeholder.com/16" alt="">
            </nav>
        </div>
        <section>
            <div class="s1">
                <img id="middle" src="https://via.placeholder.com/300x350" alt="">
                <h3>one</h3>
                <p id="fp">The sapling that bears our mark of love has grown into a big tree, but our once fervent love is lost forever in the wind. </p>
                <!-- <br> -->
                <img id="big" src="https://via.placeholder.com/300x350" alt="">
                <h3>two</h3>
                <p>
                    The sapling that bears our mark of love has grown into a big tree, but our once fervent love is lost forever in the wind. The little mark has become a scar.When the wind blows, we hear the sigh of the forest...
                </p>
            </div>
            <div class="s2">
                <p>
                    love has grown into a big tree, but our once fervent love is lost forever in the wind. The little mark has become a scar.When the wind blows, we hear the sigh of the forest... The sapling that bears our mark of lovehas grown into a big tree, but our once
                    fervent love is lost forever in the wind. The little mark has become a scar.When the wind blows, we hear the sigh of the forest...
                </p>
                <br>
                <p>
                    love has grown into a big tree, but our once fervent love is lost forever in the wind. The little mark has become a scar.When the wind blows, we hear the sigh of the forest... The sapling that bears our mark of love has grown into a big tree, but our
                    once fervent love is lost forever in the wind. The little mark has become a scar.When the wind blows, we hear the sigh of the forest... love has grown into a big tree, but our once fervent love is lost forever in the wind.
                </p>
                <!-- <br> -->
                <img id="small" src="https://via.placeholder.com/300x350" alt="">
                <img class="last" src="https://via.placeholder.com/140x110" alt="">
                <img class="last" src="https://via.placeholder.com/140x110" alt="">
            </div>
        </section>
    </div>
</body>

</html>